import { StyleSheet } from 'react-native';
import { primaryColor } from '@/constants/Colors';

export const headerHeight = 48;

export default StyleSheet.create({
  wrapper: {
    flex: 1,
    backgroundColor: '#fff'
  },
  header: {
    left: 0,
    right: 0,
    zIndex: 99,
    height: headerHeight,
    position: 'absolute',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between'
  },
  backStyle: {
    width: 44,
    height: 44,
  },
  backButton: {
    zIndex: 1,
    marginLeft: 16,
    position: 'relative',
    justifyContent: 'center'
  },
  header_content: {
    left: 0,
    right: 0,
    top: 0,
    bottom: 0,
    zIndex: 0,
    height: headerHeight,
    paddingLeft: 50,
    paddingRight: 50,
    position: 'absolute',
    justifyContent: 'center'
  },
  text_white: {
    color: '#fff',
    fontSize: 18,
    fontWeight: '700',
    textAlign: 'center'
  },
  text_black: {
    color: '#333',
    fontSize: 18,
    fontWeight: '700',
    textAlign: 'center'
  },
  extra: {
    height: headerHeight
  },
  content: {
    flex: 1
  }
});